<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="../../style.css" media="screen" />
<link rel="stylesheet" href="../../css/product.css" media="screen" />
<title>Product List</title>
<script type="text/javascript" src="../../scripts/jquery.min.js"></script>
<script type="text/javascript" src="../../scripts/jquery.easing.1.3.js"></script>

<!-- scrollbar -->
<link rel="stylesheet" href="../../scripts/scrollbar/scrollbar.css" type="text/css" media="screen"/>
<script type="text/javascript" src="../../scripts/scrollbar/jquery.tinyscrollbar.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('.product-list').tinyscrollbar({ sizethumb: 50 });
	});
</script>
<!-- end scrollbar -->

<style type="text/css">
.left, .right {
	float:left;
}
.left {
	width:475px;
	height:700px;
	overflow:hidden;
}
.left-nav {
	display:block;
	width:100%;
	position:relative;
	top:0;
	background:url(../../images/bg/home-b1.png) no-repeat center;
	width:100%;
	height:125px;
}
.right, .right ul {
	width:1460px;
}
.right ul li {
	float:left;
	display:block;
	width:auto;
	height:420px;
	overflow:hidden;
}
.menu-sub-nav {
	display:block;
	background:url(../../images/bg/bg_transparent_b.png) repeat 0 0;
	width:100%;
	height:70px;
	position:relative;
	top:0;
}
.left p a, .menu-sub-nav p a {
	float:right;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	margin:20px;
}
</style>
</head>
<body id="product">
<!--$header_html-->
<div class="wrapper content-3">
  <div class="container">
  <form action="">
    <div id="scrollbar" class="product-list">
        <div class="scrollbar">
            <div class="track"><div class="thumb">&nbsp;</div></div>
        </div>
        <div class="viewport">
            <div class="overview">
                <ul>
                	<li>
                    	<p class="p-img"><a href="#"><img src="../../images/example/product160x95.jpg" alt="" /></a></p>
                        <p class="p-logo"><img src="../../images/example/fitflop.jpg" alt="" /></p>
                        <p class="p-name">Electra Strata</p>
                        <p class="p-color"><span>COLOR</span><span>BLACK</span></p>
                        <p class="p-size"><span>SIZE</span><span>6</span></p>
                        <p class="p-price"><span>PRICE</span><span>99,999</span></p>
                        <p class="p-cancel"><a href="#">Cancle</a></p>
                    </li>
                    <li>
                    	<p class="p-img"><a href="#"><img src="../../images/example/product160x95.jpg" alt="" /></a></p>
                        <p class="p-logo"><img src="../../images/example/fitflop.jpg" alt="" /></p>
                        <p class="p-name">Electra Strata</p>
                        <p class="p-color"><span>COLOR</span><span>BLACK</span></p>
                        <p class="p-size"><span>SIZE</span><span>6</span></p>
                        <p class="p-price"><span>PRICE</span><span>99,999</span></p>
                        <p class="p-cancel"><a href="#">Cancle</a></p>
                    </li>
                    <li>
                    	<p class="p-img"><a href="#"><img src="../../images/example/product160x95.jpg" alt="" /></a></p>
                        <p class="p-logo"><img src="../../images/example/fitflop.jpg" alt="" /></p>
                        <p class="p-name">Electra Strata</p>
                        <p class="p-color"><span>COLOR</span><span>BLACK</span></p>
                        <p class="p-size"><span>SIZE</span><span>6</span></p>
                        <p class="p-price"><span>PRICE</span><span>99,999</span></p>
                        <p class="p-cancel"><a href="#">Cancle</a></p>
                    </li>
                    <li>
                    	<p class="p-img"><a href="#"><img src="../../images/example/product160x95.jpg" alt="" /></a></p>
                        <p class="p-logo"><img src="../../images/example/fitflop.jpg" alt="" /></p>
                        <p class="p-name">Electra Strata</p>
                        <p class="p-color"><span>COLOR</span><span>BLACK</span></p>
                        <p class="p-size"><span>SIZE</span><span>6</span></p>
                        <p class="p-price"><span>PRICE</span><span>99,999</span></p>
                        <p class="p-cancel"><a href="#">Cancle</a></p>
                    </li>
                    <li>
                    	<p class="p-img"><a href="#"><img src="../../images/example/product160x95.jpg" alt="" /></a></p>
                        <p class="p-logo"><img src="../../images/example/fitflop.jpg" alt="" /></p>
                        <p class="p-name">Electra Strata</p>
                        <p class="p-color"><span>COLOR</span><span>BLACK</span></p>
                        <p class="p-size"><span>SIZE</span><span>6</span></p>
                        <p class="p-price"><span>PRICE</span><span>99,999</span></p>
                        <p class="p-cancel"><a href="#">Cancle</a></p>
                    </li>
                    <li>
                    	<p class="p-img"><a href="#"><img src="../../images/example/product160x95.jpg" alt="" /></a></p>
                        <p class="p-logo"><img src="../../images/example/fitflop.jpg" alt="" /></p>
                        <p class="p-name">Electra Strata</p>
                        <p class="p-color"><span>COLOR</span><span>BLACK</span></p>
                        <p class="p-size"><span>SIZE</span><span>6</span></p>
                        <p class="p-price"><span>PRICE</span><span>99,999</span></p>
                        <p class="p-cancel"><a href="#">Cancle</a></p>
                    </li>
                    <li>
                    	<p class="p-img"><a href="#"><img src="../../images/example/product160x95.jpg" alt="" /></a></p>
                        <p class="p-logo"><img src="../../images/example/fitflop.jpg" alt="" /></p>
                        <p class="p-name">Electra Strata</p>
                        <p class="p-color"><span>COLOR</span><span>BLACK</span></p>
                        <p class="p-size"><span>SIZE</span><span>6</span></p>
                        <p class="p-price"><span>PRICE</span><span>99,999</span></p>
                        <p class="p-cancel"><a href="#">Cancle</a></p>
                    </li>
                    <li>
                    	<p class="p-img"><a href="#"><img src="../../images/example/product160x95.jpg" alt="" /></a></p>
                        <p class="p-logo"><img src="../../images/example/fitflop.jpg" alt="" /></p>
                        <p class="p-name">Electra Strata</p>
                        <p class="p-color"><span>COLOR</span><span>BLACK</span></p>
                        <p class="p-size"><span>SIZE</span><span>6</span></p>
                        <p class="p-price"><span>PRICE</span><span>99,999</span></p>
                        <p class="p-cancel"><a href="#">Cancle</a></p>
                    </li>
                    <li>
                    	<p class="p-img"><a href="#"><img src="../../images/example/product160x95.jpg" alt="" /></a></p>
                        <p class="p-logo"><img src="../../images/example/fitflop.jpg" alt="" /></p>
                        <p class="p-name">Electra Strata</p>
                        <p class="p-color"><span>COLOR</span><span>BLACK</span></p>
                        <p class="p-size"><span>SIZE</span><span>6</span></p>
                        <p class="p-price"><span>PRICE</span><span>99,999</span></p>
                        <p class="p-cancel"><a href="#">Cancle</a></p>
                    </li>
                    <li>
                    	<p class="p-img"><a href="#"><img src="../../images/example/product160x95.jpg" alt="" /></a></p>
                        <p class="p-logo"><img src="../../images/example/fitflop.jpg" alt="" /></p>
                        <p class="p-name">Electra Strata</p>
                        <p class="p-color"><span>COLOR</span><span>BLACK</span></p>
                        <p class="p-size"><span>SIZE</span><span>6</span></p>
                        <p class="p-price"><span>PRICE</span><span>99,999</span></p>
                        <p class="p-cancel"><a href="#">Cancle</a></p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <br class="clear" />
    <p class="code"><span>Code</span><span class="notice">***IF YOU HAVE ANY CODE ALREADY***</span></p>
    <p class="total"><span>Total</span><span class="tprice">999,999,999</span><input type="submit" name="buy" /></p>
   </form>
  </div>
</div>
<!--$footer_html-->
</body>
</html>
